<template>
  <div class="echartsBodys">
    <div class="itemBodys newTitle">
      <echarts></echarts>
    </div>
  </div>
</template>

<script>
import echarts from './echarts/index.vue'
export default {
  name: 'titleitem4Parent',
  props: {
    objParent:
        {
          type:[Object,Array],
        }
  },
  data () {
    return {}
  },
  async mounted () {
    var that = this
    // this.getDataList()
  },
  components: { echarts },
  methods: {

  }
}
</script>

<style lang="scss" scoped>
.echartsBodys {
  width: 100%;
  position: relative;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: column;
  align-content: flex-start;

  .echartsTop {
    position: relative;
    width: 100%;
    height: calc(50% - 0px);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: flex-start;
  }

  .tagbg {
    position: absolute;
    width: 46px;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: column;
    align-content: flex-start;
    z-index: 1;
    left: 0;

    span {
      font-size: 18px;
      font-family: PingFang SC, PingFang SC;
      font-weight: 500;
      color: #F0F4FF;
    }
  }

  .tagbg2 {
    position: absolute;
    width: 46px;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: column;
    align-content: flex-start;
    z-index: 1;
    left: 0;

    span {
      font-size: 18px;
      font-family: PingFang SC, PingFang SC;
      font-weight: 500;
      color: rgba(184, 204, 255, 1) !important;
    }
  }

  .itemBodys {
    position: relative;
    width: calc(100% - 20px);
    height: calc(100% - 0px);
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-direction: column;
    align-content: flex-start;

    .echartsMain {
      position: relative;
      height: calc(100% - 0px);
      width: 100%;
    }

    .tabRight {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      flex-wrap: nowrap;
      flex-direction: row;
      width: 100%;
      align-content: flex-start;
      position: absolute;
      top: -13px;
      z-index: 10;
      cursor: pointer;
    }
  }

  .newTitle {
    .titleBg {
      margin-top: 0px !important;
      margin-bottom: 0px !important;
    }
  }
}
</style>
